<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小说作品在线阅读_起点全部小说大全-起点中文网</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/classify.css">
    <link rel="stylesheet" href="./font_rhi4aqzr31e/iconfont.css">
    <!-- <script src="./js/flexible.js"></script> -->
</head>
<body>
    <div class="modal"></div>
    <div class="app">
        <div class="classify">
            <div class="header-fixed">
                <div class="header-wrap">
                    <div class="header-wrap-l">
                        <a href="./index.html" class="iconfont header-a">&#xe660;</a>
                        <span class="header-span">分类</span>
                    </div>
                    <div class="header-wrap-m">
                        <a href="">男生</a>
                        <a href="" style="background-color: #e0e0e0;color: gray;">女生</a>
                    </div>
                    <div class="header-wrap-r">
                        <a href="" class="iconfont">&#xf00d9;</a>
                        <a href="" class="iconfont">&#xe611;</a>
                    </div>
                </div>
            </div>
        </div>
        

<div class="container">
            <ul class="sortList">
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon1.svg" alt="">
                        玄幻
                    </div>
                    <span>721722本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">东方玄幻</a>
                        <a href="">异世大陆</a>
                        <a href="">王朝争霸</a>
                        <a href="">高武世界</a>
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon2.svg" alt="">
                        奇幻
                    </div>
                    <span>159241本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">现代魔法</a>
                        <a href="">剑与魔法</a>
                        <a href="">史诗奇幻</a>
                        <a href="">神秘幻想</a>
                        <a href="">历史神话</a>
                        <a href="">另类幻想</a>
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon3.svg" alt="">
                        武侠
                    </div>
                    <span>45378本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">传统武侠</a>
                        <a href="">武侠幻想</a>
                        <a href="">国术无双</a>
                        <a href="">古武未来</a>
                        <a href="">武侠同人</a>
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon4.svg" alt="">
                        仙侠
                    </div>
                    <span>236460本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">修真文明</a>
                        <a href="">幻想修仙</a>
                        <a href="">现代修真</a>
                        <a href="">神话修真</a>
                        <a href="">古典武侠</a>
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon5.svg" alt="">
                        都市
                    </div>
                    <span>374244本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">爱情婚姻</a>
                        <a href="">都市生活</a>
                        <a href="">都市异能</a>
                        <a href="">艺术超能</a>
                        <a href="">青春校园</a>
                        <a href="">娱乐明星</a>
                        <a href="">商战职场</a>

                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon6.svg" alt="">
                        现实
                    </div>
                    <span>43492本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">时代叙事</a>
                        <a href="">家庭伦理</a>
                        <a href="">女性题材</a>
                        <a href="">青年故事</a>
                        <a href="">社会悬疑</a>
                        <a href="">人间百态</a>
                        <a href="">成功励志</a>
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon7.svg" alt="">
                        军事
                    </div>
                    <span>20623本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">军旅生涯</a>
                        <a href="">军事战争</a>
                        <a href="">战争幻想</a>
                        <a href="">抗战烽火</a>
                        <a href="">谍战特工</a>

                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon8.svg" alt="">
                        历史
                    </div>
                    <span>72725本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">架空历史</a>
                        <a href="">秦汉三国</a>
                        <a href="">上古先秦</a>
                        <a href="">历史传记</a>
                        <a href="">两晋隋唐</a>
                        <a href="">五代十国</a>
                        <a href="">两宋元明</a>
                        <a href="">清史民国</a>
                        <a href="">外国历史</a>
                        <a href="">民间传说</a>

                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon9.svg" alt="">
                        游戏
                    </div>
                    <span>108311本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">电子竞技</a>
                        <a href="">虚拟网游</a>
                        <a href="">游戏异界</a>
                        <a href="">游戏系统</a>
                        <a href="">游戏主播</a>

                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon10.svg" alt="">
                        体育
                    </div>
                    <span>9109本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">篮球运动</a>
                        <a href="">体育赛事</a>
                        <a href="">足球运动</a>
 
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon1.svg" alt="">
                        科幻
                    </div>
                    <span>157333本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">古武机甲</a>
                        <a href="">未来世界</a>
                        <a href="">星际文明</a>
                        <a href="">超级科技</a>
                        <a href="">时空穿梭</a>
                        <a href="">进化变异</a>
                        <a href="">末世危机</a>

                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon1.svg" alt="">
                        悬疑
                    </div>
                    <span>721722本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">诡秘悬疑</a>
                        <a href="">奇妙世界</a>
                        <a href="">侦探推理</a>
                        <a href="">探险生存</a>
                        <a href="">古今传奇</a>
                        
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon1.svg" alt="">
                        玄幻
                    </div>
                    <span>721722本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon1.svg" alt="">
                        玄幻
                    </div>
                    <span>721722本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                    </div>
                </li>
                <li class="sortList-li">
                    <a href="" class="sortList-head">
                        <div class="sortList-head-l">
                        <img src="./images/classify/icon1.svg" alt="">
                        玄幻
                    </div>
                    <span>721722本作品</span>
                    </a>
                    <div class="sortList-item">
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                        <a href="">东方玄幻</a>
                    </div>
                </li>
                
            </ul>
        </div>
    </div>
    <div class="login">
        登录后获得更多特色功能 <span class="dian"> · </span> <span class="span-login"><a href="#">立即登录</a></span>
</div>
    <footer class="footer">
        <div class="footer-link">
            <a href="#"><img src="./images/QQicon.png" alt=""> QQ阅读</a>
            <a href="#"><img src="./images/redicon.png" alt=""> 红袖添香</a>
        </div>
        <div class="footer-link">
            <a href="#">客户端</a>
            <a href="#" style="color: black;">触屏版</a>
            <a href="#">帮助与客服</a>
            <a href="#">搜索</a>
        </div>
        
        <p class="footer-p">网站备案/许可证号：沪B2-2008046-1</p>
        <p class="footer-p">互联网宗教信息服务许可证 编号：沪（2022）0000022</p>
        <p class="footer-p">copyright © 2002-2023 m.qidian.com</p>
    </footer>

</body>
</html>